<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta
            name="keywords"
            content="哔哩哔哩, 哔哩哔哩漫画, bilibili 漫画官方网站, 漫画,动画, 原创, 正版, 海贼王, 五等分的新娘, 约定的梦幻岛, 辉夜大小姐想让我告白 ~天才们的恋爱头脑战~, 关于我转生变成史莱姆这档事, 我的英雄学园, 修真聊天群, 乔乔的奇妙冒险, 斗罗大陆, 一拳超人, 灵能百分百, 铳梦"
        />
        <meta
            name="description"
            content="哔哩哔哩正版漫画阅读平台, 海量官方漫画连载在线观看, 二次元动漫迷的追漫神器, 热门漫画: 海贼王, 五等分的新娘, 约定的梦幻岛, 辉夜大小姐想让我告白 ~天才们的恋爱头脑战~, 关于我转生变成史莱姆这档事, 我的英雄学园, 修真聊天群, 乔乔的奇妙冒险, 斗罗大陆, 我家大师兄脑子有坑, 一拳超人, 灵能百分百, 铳梦等"
        />
        <link rel="icon" href="./favicon.ico" />
        <title>哔哩哔哩漫画 - bilibili 正版漫画平台</title>
        <link
            rel="stylesheet"
            href="./lib/swiper-7.4.1/swiper-7.4.1/swiper/swiper-bundle.min.css"
        />
        <link rel="stylesheet" href="./css/base.css" />
        <link rel="stylesheet" href="./css/index.css" />
    </head>
    <body>
        <!-- 头部区域 -->
        <header>
            <!-- 上部分logo区域 -->
            <div class="overview">
                <div class="logo w">
                    <div class="logo-left">
                        <ul class="left">
                            <li>
                                <a href="javascript:;">
                                    <img src="./images/logo.png" alt="" />
                                    <span>哔哩哔哩漫画</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="right">
                            <li>
                                <a href="javascript:;" class="special">
                                    <img src="./images/images/zhuzhan.png" alt="" />
                                    主站</a
                                >
                            </li>
                            <li><a href="javascript:;" class="active">首页</a></li>
                            <li><a href="./wqq_cate.html">分类</a></li>
                            <li><a href="javascript:;">更新</a></li>
                        </ul>
                        <ul class="cate-list">
                            <li>
                                <a href="javascript:;"> 冒险 </a>
                            </li>
                            <li>
                                <a href="javascript:;"> 热血 </a>
                            </li>
                            <li>
                                <a href="javascript:;"> 搞笑 </a>
                            </li>
                            <li>
                                <a href="javascript:;"> 恋爱 </a>
                            </li>
                            <li>
                                <a href="javascript:;"> 少女 </a>
                            </li>
                            <li>
                                <a href="javascript:;"> 分类 > </a>
                            </li>
                            <li>
                                <a href="javascript:;"> | &nbsp;&nbsp; 更新 </a>
                            </li>
                        </ul>
                    </div>
                    <div class="logo-right">
                        <div class="search">
                            <input type="text" />
                            <div class="logo-show">
                                <ul>
                                    <li>鬼灭之刃</li>
                                    <li>一拳超人</li>
                                    <li>向导是不是重生的</li>
                                    <li>天官赐福</li>
                                </ul>
                            </div>
                        </div>
                        <ul class="download">
                            <li class="download-app">
                                <a href="javascript:;">下载 APP</a>
                                <div class="erweima">
                                    <div class="tip"></div>
                                    <div class="pic"><img src="./images/qrcode.png" alt="" /></div>
                                    <p>
                                        <img src="./images/phone.png" alt="" />
                                        <span class="first">下载APP</span>
                                    </p>
                                    <p>
                                        <span class="second">免费解锁</span>
                                        <span>更多章节</span>
                                    </p>
                                </div>
                            </li>
                            <li class="border"><a href="javascript:;">登录</a></li>
                            <li><a href="javascript:;">注册</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 上部分logo区域 -->

            <!-- banner区域 -->
            <div class="banner">
                <!-- Swiper -->
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/focus_01.jpg" alt="" />
                        </div>
                        <!-- 显示页 -->
                        <div class="swiper-slide show">
                            <img src="./images/focus_02.jpg" alt="" />
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/focus_03.png" alt="" />
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/focus_02.jpg" alt="" />
                        </div>
                        <!-- 显示页 -->
                        <div class="swiper-slide show">
                            <img src="./images/focus_03.png" alt="" />
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/focus_01.jpg" alt="" />
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/focus_03.png" alt="" />
                        </div>
                        <!-- 显示页 -->
                        <div class="swiper-slide show">
                            <img src="./images/focus_01.jpg" alt="" />
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/focus_02.jpg" alt="" />
                        </div>
                    </div>
                    <!-- 左右箭头 -->
                    <div class="arrow right">
                        <div class="swiper-button-next"></div>
                    </div>
                    <div class="arrow left">
                        <div class="swiper-button-prev"></div>
                    </div>
                    <!-- 分液器 -->
                    <div class="swiper-pagination"></div>
                    <!-- 遮罩层 -->
                    <div class="mask left"></div>
                    <div class="mask right"></div>
                </div>
            </div>
            <!-- banner区域 -->
            <!-- 导航区 -->
            <div class="nav">
                <ul class="w">
                    <li><a href="javascript:;">热血</a></li>
                    <li><a href="javascript:;">古风</a></li>
                    <li><a href="javascript:;">玄幻</a></li>
                    <li><a href="javascript:;">奇幻</a></li>
                    <li><a href="javascript:;">悬疑</a></li>
                    <li><a href="javascript:;">都市</a></li>
                    <li><a href="javascript:;">历史</a></li>
                    <li><a href="javascript:;">武侠仙侠</a></li>
                    <li><a href="javascript:;">游戏竞技</a></li>
                    <li><a href="javascript:;">悬疑灵异</a></li>
                    <li><a href="javascript:;">架空</a></li>
                    <li><a href="javascript:;">青春</a></li>
                    <li><a href="javascript:;">西幻</a></li>
                    <li><a href="javascript:;">现代</a></li>
                    <li><a href="javascript:;">全部 ></a></li>
                </ul>
            </div>
            <!-- 导航区 -->
        </header>
        <!-- 头部区域-->

        <!-- 主体内容区域 -->
        <div class="main">
            <!-- 为你推荐 -->
            <div class="recommend pannel w">
                <div class="box-hd">
                    <div class="left">为你推荐</div>
                    <div class="right">
                        <i></i>
                        <span>换一批</span>
                    </div>
                </div>
                <div class="box-bd">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-28.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-24.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-28.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-28.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-28.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-28.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-34.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-26.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-52.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-54.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-30.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-28.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 为你推荐 -->

            <!-- 热门速递 -->
            <div class="hot pannel w">
                <div class="box-hd">
                    <div class="left">热门速递</div>
                    <div class="tab">
                        <a href="javascript:;" class="active">二次元养老院</a>
                        <a href="javascript:;">9.0分以上佳作</a>
                    </div>
                    <div class="right">
                        <i></i>
                        <span>换一批</span>
                    </div>
                </div>
                <div class="box-bd curr">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot_01.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot_02.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot_03.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot_04.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot_01.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot_02.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot_03.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot_04.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd score">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot5.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot5.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot5.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot5.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot5.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot5.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot5.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/hot5.png" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 热门速递 -->

            <!-- 都市生活 -->
            <div class="life pannel w">
                <div class="box-hd pannel1">
                    <div class="left">都市生活</div>
                    <div class="right">
                        <span>更多</span>
                        <em></em>
                    </div>
                </div>
                <div class="box-bd">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-52.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-24.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-54.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-56.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/pic-58.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 都市生活 -->

            <!--奇幻异界  -->

            <div class="farplane pannel w">
                <div class="box-hd pannel1">
                    <div class="left">奇幻异界</div>
                    <div class="right">
                        <span>更多</span>
                        <em></em>
                    </div>
                </div>
                <div class="box-bd">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/qiyu.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/qiyu.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/qiyu.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/qiyu.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/qiyu.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/qiyu.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 奇幻异界 -->

            <!-- 古风恋爱 -->
            <div class="love pannel w">
                <div class="box-hd pannel1">
                    <div class="left">古风恋爱</div>
                    <div class="right">
                        <span>更多</span>
                        <em></em>
                    </div>
                </div>
                <div class="box-bd">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/gufeng.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/gufeng.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/gufeng.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/gufeng.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/gufeng.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/images/gufeng.jpg" alt="" />
                                </div>
                                <p>我独自盗墓</p>
                                <p>都市</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 古风恋爱 -->

            <!-- 侧边栏电梯导航 -->
            <aside>
                <div class="title">
                    <div class="pic"></div>
                    <p>新人礼包</p>
                </div>
                <ul class="lift">
                    <li class="active click">
                        <a href="javascript:;" title="为你推荐">为你推荐</a>
                    </li>
                    <li class="click">
                        <a href="javascript:;" title="热门速递">热门速递</a>
                    </li>
                    <li class="click">
                        <a href="javascript:;" title="都市生活">都市生活</a>
                    </li>
                    <li class="click">
                        <a href="javascript:;" title="奇幻异界">奇幻异界</a>
                    </li>
                    <li class="click">
                        <a href="javascript:;" title="古风恋爱">古风恋爱</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="back">
                            <div class="pic"></div>
                        </a>
                    </li>
                </ul>
            </aside>
        </div>
        <!-- 主体内容区域 -->
        <!-- 底部区域 -->
        <footer>
            <div class="w">
                <div class="top">
                    <div class="left">
                        <img src="./images/logo.png" alt="" />
                        <span>哔哩哔哩漫画</span>
                    </div>
                    <div class="middle">
                        <a href="javascript:;">关于我们</a>
                        <a href="javascript:;">联系我们</a>
                        <a href="javascript:;">友情链接</a>
                        <a href="javascript:;">加入我们</a>
                    </div>
                    <div class="border"></div>
                    <div class="right">
                        <a href="javascript:;">
                            <img src="./images/下载.png" alt="" />
                            <p>B 站官号</p>
                            <div class="focus">关注即送券</div>
                        </a>
                        <a href="javascript:;" class="hover">
                            <img src="./images/sina.png" alt="" />
                            <p>新浪微博</p>
                            <div class="logo news">
                                <img src="./images/code.png" alt="" />
                            </div>
                        </a>
                        <a href="javascript:;" class="hover">
                            <img src="./images/download.png" alt="" class="download-img" />
                            <p class="download">下载 bilibili 漫画客户端</p>
                            <div class="logo">
                                <img src="./images/code.png" alt="" />
                            </div>
                        </a>
                    </div>
                </div>
                <div class="bottom">
                    <div class="left">
                        <img src="./images/friend1.png" alt="" />
                        <img src="./images/friend2.png" alt="" />
                    </div>
                    <div class="right">
                        <p>
                            互联网 ICP 备案：沪 ICP17039440 号 - 1 | 网络文化经营许可证：沪网文
                            [2020]5452-371 号
                        </p>
                        <p>
                            全国网安备案号：31011002003092 | 增值电信业务经营许可证 沪 B2-20190879
                        </p>
                        <p>12318 全国文化市场举报网站 | 上海市互联网违法和不良信息举报中心</p>
                        <p>
                            上海呵呵呵文化传播有限公司 | 地址：上海市杨浦区政立路485号 |
                            电话：021-25099888
                        </p>
                    </div>
                </div>
            </div>
        </footer>
        <!-- 底部区域 -->

        <!-- 引入js -->
        <script src="./lib/swiper-7.4.1/swiper-7.4.1/swiper/swiper-bundle.min.js"></script>
        <script src="./js/jquery.min.js"></script>
        <script src="./js/index.js"></script>
    </body>
</html>
